@charset "utf-8";

* {
	margin: 0;
	padding: 0
}

body {
	background: url(../images/login_bg.jpg) repeat-x #fff;
	font-family: "Lucida Grande","Microsoft YaHei",Verdana,Lucida,Arial,Helvetica,sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	min-width: 1024px;
	min-height: 100%
}

a {
	color: #29e;
	text-decoration: none
}

a:focus,a:hover {
	color: #29e;
	text-decoration: none
}

input,textarea {
	-webkit-user-select: text
}

input,textarea:focus {
	outline: 0
}

article,aside,footer,header,hgroup,nav,section {
	display: block
}

button,input,select,table,textarea {
	font-size: inherit;
	font-family: inherit;
	line-height: inherit
}

fieldset,img {
	border: 0
}

li,ol,ul {
	list-style: none
}

address,em,i {
	font-style: normal
}

iframe {
	line-height: 0;
	overflow: hidden;
	border: 0;
	margin: 0;
	padding: 0
}

.hide {
	display: none
}

.clearfix:after,.clearfix:before {
	difsplay: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.icon {
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle
}

.header {
	padding: 20px 30px;
	font-size: 18px;
	color: #fff;
	overflow: hidden
}

.header .jingoal_logo {
	background-position: -98px 0;
	width: 75px;
	height: 24px;
	text-indent: 75px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden
}

.login_info {
	width: 100%;
	margin: 0 auto;
	margin-top: 180px;
	text-align: center;
	color: #fff;
	overflow: hidden
}

.login_info h2 {
	font-size: 32px;
	font-weight: 400;
	line-height: 40px
}

.login_info .tiptxt {
	padding: 20px 0;
	font-size: 18px;
	color: #bebebf
}

.login-input {
	background: #fff;
	width: 350px;
	padding: 83px 40px 70px 40px;
	margin: 0 auto;
	margin-bottom: 10px;
	overflow: hidden;
	border: 1px solid #f4f4f4;
	box-shadow: 0 3px 5px rgba(0,0,0,.1)
}

.login-user {
	width: 100%;
	font-size: 16px;
	color: #333;
	padding: 10px 0 20px 0;
	overflow: hidden
}

.login-user .user-pic {
	background-position: 0 0;
	width: 96px;
	height: 96px;
	text-align: center;
	line-height: 96px;
	border-radius: 48px;
	margin-bottom: 10px;
	overflow: hidden
}

.login-user .user-pic img {
	max-width: 96px;
	max-height: 96px
}

.login-input li {
	width: 100%;
	margin: 6px 0;
	float: left;
	clear: left;
	position: relative
}

.login-input li .icon {
	width: 16px;
	position: absolute;
	top: 10px;
	left: 14px
}

.login-input li .icon.icon-user {
	height: 16px;
	width: 16px;
	background-position: 0 -98px
}

.login-input li .icon.icon-password {
	height: 16px;
	width: 16px;
	background-position: -17px -98px
}

.login-input li .icon.icon-code {
	height: 9px;
	width: 16px;
	margin-top: 4px;
	background-position: -98px -26px
}

.login-input li.valid-error {
	color: red;
	margin: 0;
	text-align: left
}

.imgcode {
	position: absolute;
	top: 0;
	right: 0
}

.imgcode img {
	height: 29px;
	border: 1px solid #ddd;
	margin: 2px
}

.inp {
	background-color: #fff;
	width: 280px;
	height: 33px;
	padding: 0 34px;
	border: 1px solid #d9d9d9
}

.inp:focus {
	border-color: #417eb7;
	background-color: #f3f7f9
}

.inp.error {
	border-color: red;
	background-color: #fff8f8
}

.inp[disabled] {
	background-color: #f8f8f8;
	color: #aaa
}

.btn {
	background: #29e;
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #fff;
	border: none;
	border-radius: 2px;
	text-align: center;
	cursor: pointer
}

.txtc9 {
	color: #999
}

.footer {
	width: 100%;
	text-align: center;
	overflow: hidden;
	color: #666;
	line-height: 26px;
	padding: 30px 0;
	position: fixed;
	bottom: 0
}

:-ms-input-placeholder {
	color: #aaa
}

::-webkit-input-placeholder {
	color: #aaa
}

::-moz-placeholder {
	color: #aaa
}

.header .jingoal_logo,.login-input li .icon.icon-code,.login-input li .icon.icon-password,.login-input li .icon.icon-user,.login-user .user-pic {
	background-image: url(../images/login-45c60137de.png);
	background-image: -webkit-image-set(url(../images/login-45c60137de.png) 1x,url(../images/login@2x-33e7b7e785.png) 2x);
	background-image: -moz-image-set(url(../images/login-45c60137de.png) 1x,url(../images/login@2x-33e7b7e785.png) 2x);
	background-image: -ms-image-set(url(../images/login-45c60137de.png) 1x,url(../images/login@2x-33e7b7e785.png) 2x);
	background-image: image-set(url(../images/login-45c60137de.png) 1x,url(../images/login@2x-33e7b7e785.png) 2x)
}

input:-webkit-autofill {
	box-shadow: 0 0 0 1000px #fff inset
}